import React, { memo, useEffect } from 'react';
import { RightOutlined } from '@ant-design/icons';
import styles from './index.less';
import { connect } from 'react-redux';
import { astUtil } from '@/utils';

function PropCalcater({ project: { ast } }: any) {
  // const classAst = astUtil.findClassAst(ast);
  // console.log('classAst: ', classAst);
  // const properties = classAst.body.body
  //   .filter((item: any) => item.type === 'ClassProperty')
  //   .map((item: any) => item.key.name);
  return (
    <div className={styles.variables}>
      <ul>
        <li>表达式</li>
        <li>函数</li>
      </ul>
    </div>
  );
}

export default connect(
  (({ project }: any) => ({ project }))
)(memo(PropCalcater));